import Vue from 'vue'

const component = {
  template: `
    <div>
      <input type="text" v-model="propOne">
      this is {{text}}
      <span v-show="active">see me if active</span>
      123
      <span @click="handleChange">{{propOne}}</span>
    </div>`,
  // props: {
  //   active: Boolean,
  //   propOne: String,
  //   onChange: Function
  // },
  data: function () {
    return {
      text: 123
    }
  },
  methods: {
    handleChange() {
      this.$emit('change')
    }
  }
}

const CompVue = Vue.extend(component)

new CompVue({
  el: 'root'
})
